/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* vietnamese */
@font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_CGslu50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_CWslu50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_B2sl.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXd4qqOEo.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXdoqqOEo.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRXeIqq.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_CGslu50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_CWslu50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_B2sl.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_CGslu50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_CWslu50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66_B2sl.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfw6-_CGslu50.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfw6-_CWslu50.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfw6-_B2sl.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  @font-face {
    font-display: block;
    font-family: "bootstrap-icons";
    src: url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/fonts/bootstrap-icons.woff2") format("woff2"),
  url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/fonts/bootstrap-icons.woff") format("woff");
  }
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

p {
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 5px !important;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: black;
}

body {
    margin: 0;
    font-family: 'Poppins';
}

.our-partner .card-list .slick-list {
    overflow: unset !important;
}

ul {
    list-style: none !important;
    padding: 0px;
    margin: 0px;
}
.ms-sm-5 {
    margin-left: 0rem !important;
    margin: 0rem !important;
}
@media (min-width: 576px) {
    .ms-sm-5 {
    margin-left: 0rem !important;
    }
}

.accordion-button::after {
    background-image: url("https://msu-website-all-objects.s3.ap-south-1.amazonaws.com/icon/plus.webp") !important;
}

.accordion-button:not(.collapsed) {
    color: #000000 !important;
}

.whatsapp-icon {
    cursor: pointer;
}
.whatsapp-icon  span a{
    color: #00304B;
    font-size: 16px;
}

.heading-call-buttom{
    border: #00304B 1px solid;
    border-radius: 8px;
    padding: 10px;

}
/* Icons */
.fixed-bottom-icons {
    position: fixed;
    bottom: 8.2rem;
    right: 2rem;
    z-index: 1000;
    padding: 1rem 0rem;
}

.fixed-bottom-icons .icon-container {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.fixed-bottom-icons img {
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.fixed-bottom-icons img:hover {
    transform: scale(1.1);
}

/* Top Items */
.top-header {
    width: 100%;
    height: 95px;
    text-align: center;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 999;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1.2px solid #EEEEEE;
}

.top-header-content {
    width: 100%;
    background-color: #ffff;
    padding: 0rem 3rem;
    justify-content: space-between;
}

.banner-tag .primary-color {
    color: #fc9d00;
    ;
}

.banner-tag-text {
    padding: 15px 15px 15px 15px;
    background: #ffffff18 8%;
    border-radius: 7px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    color: #ffffff;
    align-self: center;
}

.banner-tag-heading {
    font-family: 'Barlow Condensed';
    font-size: 50px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    width: 479px;
    line-height: 60px;
    margin-bottom: 1.2rem;
}

.banner-tag-subheading {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    width: 506px;
    margin-bottom: 1rem !important;
    color: #ffffff;
}

.top-header-logo {
    width: 200px;
    height: auto;
    box-sizing: border-box;
}

.top-header-logo img {
    padding: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-brochure {
    gap: 50px;
    align-self: right;
}

/* Banner Section */
.banner-section {
    position: relative;
    height: 590px;
    margin-top: 0px;
}
/* .banner-mb {
    margin-top: 5rem;
} */

.banner-overlay {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    padding: 3rem 3rem;
    background: url('https://msu-website-all-objects.s3.ap-south-1.amazonaws.com/landing-page-images/bg-image.png') no-repeat center/cover,
        linear-gradient(88.72deg, #00304B 16.3%, #0071B1 91.25%);
    background-blend-mode: overlay;
    padding-top: 0rem;
}

.left-content {
    max-width: 50%;
}

.right-content {
    max-width: 470px;
    width: 100%;
    border-radius: 16px !important;
}

/* .center-content{
    position: relative;
    margin-top: 18px;
}
.center-img {
    position: ab;
    margin-top: 18px;
}

.center-img img {
    height: 520px;
    width: auto;
    margin-left: -38px;
    margin-top: 50px;
} */

.center-content {
    position: relative;
    margin-top: 18px;
    display: flex;            
    justify-content: center; 
}

.center-img {
    position: relative;       
    bottom: -3.01rem;               
    left: 0;
    right: 10px;
}

/* .center-img img {
    width: 100%;              
    height: auto;            
} */


/* Buttons */
.download-brochure {
    width: 245px;
    height: 60px;
    border: 1px solid #00304B;
    background-color: #fc9d00;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

.download-brochure:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #00304B;
    opacity: 1;
}

.btn-primary {
    border-radius: 12px 0px 0px 0px;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    background: #0C7FAE;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

.btn-primary:hover {
    background-color: black;
}

.medium-btn {
    font-family: 'Poppins';
    height: 60px;
    width: 270px;
    font-size: 16px;
    font-weight: 700;
    background-color: #fc9d00 !important;
    transition: all 0.3s ease;
}

.medium-btn:hover {
    background-color: black !important;
}

.partner-with-us button,
.footer-section button {
    background-color: #fc9d00 !important;
}

.partner-with-us button:hover,
.footer-section button:hover {
    background-color: black !important;
}

.benefits-to-industry .btn-primary {
    margin-top: 2rem;
    background-color: #FC9D00 !important;
    width: 234px;
    height: 60px;
    border-radius: 12px;
}

.benefits-to-industry:hover .btn-primary {
    background-color: #00304B !important;
}

/* List style */

.left-content ul {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #ffffff;
}

.banner-list-para img {
    margin-right: 8px !important;
}

.highlight-text {
    color: #FC9D00 !important;


}

.spotlight-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.spotlight {
    font-family: "Barlow Semi Condensed";
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    color: white;
    text-align: left;
    width: 80px;
}

.spotlight-writing {
    font-family: "Barlow Semi Condensed";
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 5px;
    text-align: left;
    color: white;
    flex: 1;
}
.three-card-block{
    margin-top: 13rem;
}
/* Form */

.custom-input {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 11px 15px;
    transition: all 0.3s ease-in-out;
}

.custom-input:focus {
    border-color: #00304B;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
    outline: none;
}

.custom-form .form-label {
    font-weight: bold;
    margin-bottom: 5px;
}

.form-heading {
    display: flex;
    flex-direction: column;
    line-height: 30px;
    margin-bottom: 1rem;
}

.form-title {
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.heading {
    font-weight: 900;
}

.form-subtitle {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.login-here{
    color: #1B2E38;
}

.login-here .link{
    font-weight: 700;
    text-decoration: none;
    color: #1B2E38 !important;
}

/* Recognitation */

.recognition-section {
    width: 100%;
    margin: 2rem 0rem;
    flex-direction: column;
}

.block-heading {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 400;
    line-height: 49px;
}

.recognition-logos {
    justify-content: space-between;
    width: 100%;
    margin: 2rem 0rem;
}

.recognition-img {
    gap: 20px;

}

.recognition-img img {
    max-width: 90px;
    height: auto;
}

.heading-1 {
    font-family: 'Poppins';
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    width: 500px;
}

.paragraph-1 {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    width: 580px;
}

.accordion-body,
.our-partner .paragraph-1 {
    font-size: 16px !important;
}

.accordion-title {
    font-weight: 700 !important;
}


/* Wise block */
.wise-block {
    width: 100%;
    padding: 3rem 0rem;
    background: #CBE7FF;
}

.wise-block-content {
    gap: 50px;
}

.wise-card {
    margin: 2rem 0rem;
    width: 183px;
    height: 185px;
    background: #0B7EAE;
    border-radius: 16px;
}

.card-section {
    color: #ffffff;
}

#cardContent {
    margin-top: 3rem;
}

.card-img img {
    width: 50px;
    height: 50px;
}

.wise-card-title {
    font-family: 'Poppins';
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

.wise-card-para {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

/* Partner Program */

.partner-program,
.benefits-to-industry,
.partner-with-us,
.trusted-partners,
.faq-section,
.our-partner-block,
.higher-education {
    margin: 3rem 0rem;
    width: 100%;
    overflow: hidden;

}

.partner-with-us {
    background: linear-gradient(88.72deg, #00304B 16.3%, #0071B1 91.25%);
    padding: 3rem 0rem;
}

.partner-with-us .heading-1,
.partner-with-us .paragraph-1 {
    color: #ffffff;
}

/* Large Cards */
.larg-card {
    width: 590px;
    height: auto;
    border-radius: 16px;
    padding: 20px;
}

.card-1 {
    background: rgba(252, 157, 0, 0.1);
}

.card-2 {
    background: rgba(11, 126, 174, 0.1);
}

.card-icon {
    margin-bottom: 1rem;
    width: 67px;
    height: 67px;
    border-radius: 13px;
    border: 1px solid #FFFFFF
}

.card-1 .card-icon {
    background: #FC9D00;
    box-shadow: 0px 4px 14px 9px #FC9D002B;
}

.card-2 .card-icon {
    background: #0B7EAE;
    box-shadow: 0px 4px 14px 9px #0B7EAE2B;
}

.larg-card-title {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.readmore-btn {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    color: #0B7EAE;
    gap: 10px;
    margin-top: 1rem;
}

/* benefits-to-industry-card */
.benefits-to-industry-card {
    margin-top: 3rem;
}

/* Our patner block */
.our-partner-block {
    width: 100%;
    background-color: #CBE7FF4D;
    padding: 2rem 0rem;
}

.our-partner {
    margin-top: 5rem;
}

.our-partner .card-list {
    margin-top: 2rem;
}

.our-partner .card-list .card {
    height: 495px !important;
}


@media screen and (min-width:360px) and (max-width: 426px) {
    .our-partner .card-list .card {
        height: 450px !important;
    }
}
    

.benefits-to-industry .card,
.our-partner .card {
    border-radius: 16px;
    width: 100%;
    border: 1px solid rgb(0 0 0 / 18%);
    margin: 0 12px;
}

.benefits-to-industry .card {
    padding: 10px;
    box-shadow: 0px 6px 40px 10px #0B7EAE24;
}

.benefits-to-industry .card img {
    object-fit: cover;
}

.image-div {
    width: 25rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
}

.image-div img {
    width: 100%;
    height: auto;
    display: block;
}

/* Gradient overlay */
.gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(0, 145, 227, 0) -7.3%, rgba(0, 145, 227, 0.7) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.image-div p {
    margin: 0;
    padding: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background-color: #e6f4ff;
}

.card-img-top {
    padding-top: 20px;
}

.card-img-icon {
    border-radius: 50%;
    width: 82px;
    height: 82px;
    box-shadow: 0px 7px 22px 0px #71A8F957;
    margin-top: -3rem;
    z-index: 1;
}

.card-img-icon img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    z-index: 999;
}

.card-img-top img {
    height: 330px;
    width: 347px;
    border-radius: 16px;
    object-fit: cover;
}

.benefits-to-industry-card .larg-card-title {
    font-size: 20px !important;
}

/* Partner With Us */
.partner-with-us-card {
    gap: 40px;
    height: auto;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    padding: 25px 20px;
}

.partner-with-us-card .larg-card-title {
    color: #FFFFFF !important;
    font-size: 22px;
}

.partner-with-us .paragraph-1 {
    font-size: 16px;
}

.partner-with-us-card .card-icon {
    background-color: #FFFFFF !important;
    width: 115px;
    height: 100px;
    border-radius: 16px;
}

/* User Information */

.user-info {
    margin: 0rem 0rem 1rem 0rem;
}

.user-name {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.user-designation {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: .7;
}

.user-info img {
    margin: 1rem 0rem;
    width: 35px;
    height: 30px;
}

/* Frequently Asked Questions */

.faq-content {
    margin-top: 2rem;
    width: 85%;
}

.custom-container {
    width: 85%;
}

.accordion-item {
    margin-bottom: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* border-radius: 16px; */
    border: .5px solid #D0DFF1 !important;
}

.accordion-button {
    outline: none;
}


.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
}

/* Footer Section */
.footer-section {
    width: 100%;
    background: #00304B;
    padding: 3rem 0rem 2rem 0rem;
}

.footer-section .heading-1 {
    color: #FFFFFF !important;
}

.footer-section .paragraph-1 {
    color: #FFFFFF !important;
}

.footer-section button,
.custom-container button {
    margin-top: 2rem !important;
    width: 280px;
    height: 60px;
}

.custom-container button {
    margin: 0 auto;
}

.contact-section {
    margin-top: 4rem;
    width: 90%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 3rem;
    gap: 90px;
}

.email,
.whats-app,
.phone {
    gap: 20px;
}

.email .email-icon,
.whats-app span {
    width: 46px;
    height: 46px;
    opacity: .1px;
    background: #FFFFFF1A;
    border-radius: 50px;
    padding: 20px;
}

.copyright-section {
    margin-top: 2rem;
    width: 90%;
    /* padding: 0px 4rem; */
}

.copyright span {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #FFFFFF;
}

.social-links-icons {
    gap: 40px;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.social_icon:hover .custom_icon {
    transform: scale(1.2);
}

.custom_icon {
    width: 25px;
    height: 24px;
}

.social-icon-img {
    width: 22px;
    height: auto;
}




/* Awards and Recognition */

.award-recognition-element {
    margin: 3rem 0rem;
    box-sizing: border-box;
    gap: 20px;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}

.award-recognition-element .items {
    gap: 20px;
}

.award-card {
    position: relative;
    border-radius: 8px;
}

.award-card-para {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    color: #ffffff;
    padding: 10px;
    font-size: 14px;
    text-align: left;

    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.award-card img {
    width: 500px;
    height: 280px;
}

.items {
    animation: scrollCards linear infinite;
}

@keyframes slideLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slideRight {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

.award-recognition-element .col-12:first-child .items {
    animation: slideLeft 32s linear infinite;
}

.award-recognition-element .col-12:last-child .items {
    animation: slideRight 32s linear infinite;
}


/* Recognition */

.recognition-image .list-unstyled {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px 30px 30px;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
}

.recognition-image .list-unstyled::-webkit-scrollbar {
    display: none;
}

.recognition-image .list-unstyled li img {
    width: 92px;
    height: auto;
}

.top-annousment {
    padding: 10px 20px 12px 22px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: #0091E3;
    margin-top: -40px;
    position: relative;
    display: flex;
    cursor: pointer;

}

.top-annousment img {
    margin-top: -5px;
}

.top-annousment p {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

@media (max-width: 768px) {
    .banner-overlay {
        top: 0;
        left: 0;
        position: relative;
        width: 100%;
        height: auto;
        padding: 1rem 1rem !important;
        padding-top: 0rem !important;
    }
    .image-div {
        width: 95%;
    }

    .top-annousment {
        padding: 0 0 0 0;
        gap: 10px;
        align-items: center;
        justify-content: center;
        background: #0091E3;
        margin-top: 0px;
        position: relative;
        display: flex;
        width: 150% !important;

    }

    .top-annousment p {
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
        color: #fff;
    }

    .spotlight-writing {
        font-family: 'Barlow Semi Condensed';
        font-size: 16px;
        font-weight: 500;
        line-height: 30px;
        color: white;
        width: 120%;

    }

    .spotlight {
        font-family: 'Barlow Semi Condensed';
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        color: white;
        text-align: center;
    }

    .fixed-bottom-icons img {
        width: 40px;
        height: 40px;
    }

    .medium-btn {
        height: 45px;
        width: 250px;
    }

    .fixed-bottom-icons {
        top: auto;
        bottom: 1.5px;
        right: .8rem;
    }
    .banner-section {
        height: auto;
        margin-top: 2rem;
    }

    /* .banner-overlay {
        height: auto;
    } */

    .top-header-content {
        flex-direction: column;
        width: 100%;
        justify-content: center;
    }

    .contact-brochure {
        align-self: center;
        width: 100%;
        justify-content: center !important;
    }

    .download-brochure {
        width: 80%;
        height: 60px;
    }

    .whatsapp-icon {
        display: none !important;
    }

    .recognition-image .list-unstyled {
        padding: 15px 20px 20px 20px;
    }

    .recognition-image .list-unstyled li img {
        width: 60px;
        height: auto;
    }

    .wise-block {
        padding: 1rem 0rem;
        background-color: transparent;
    }

    .partner-program,
    .benefits-to-industry,
    .trusted-partners,
    .faq-section {
        margin: 2rem 0rem;
        overflow: hidden;
    }

    .partner-with-us {
        margin: 0rem 0rem;
        overflow: hidden;
    }

    .wise-block-content {
        flex-direction: column;
        gap: 15px;
        padding: 15px 0px;
        justify-content: center;
    }

    #cardContent {
        margin-top: 1rem;
    }

    .wise-card {
        margin: 0rem 0rem 1rem 0rem;
        width: 80%;
        height: 130px;
    }

    .card-img img {
        width: 40px;
        height: 40px;
    }

    .custom-card {
        height: 450px;
    }

    .wise-card-mb {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wise-card-para {
        font-size: 12px;
    }

    .heading-1 {
        width: 100%;
        text-align: center;
        font-size: 22px;
        line-height: 30px;
    }

    .paragraph-1 {
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
    }

    .our-partner .paragraph-1 {
        font-size: 16px !important;
    }

    .left-content ul {
        font-size: 14px;
    }

    .card-list .larg-card-title {
        font-size: 16px !important;
    }

    .card-list .paragraph-1 {
        font-size: 14px !important;
    }

    .partner-with-us-card .larg-card-title {
        font-size: 18px !important;
    }

    .partner-with-us .paragraph-1 {
        font-size: 14px !important;
        line-height: 25px !important;
    }

    .partner-with-us-card {
        width: 100%;
        gap: 20px;
        padding: 15px 15px;
        align-items: flex-start !important;
    }

    .award-recognition-element {
        margin: 2rem 0rem 1rem 0rem;
    }

    .award-card img {
        width: 300px;
        height: 180px;
    }

    /* Footer */

    .footer-section {
        padding-bottom: 0rem;
    }

    .contact-section {
        flex-direction: column;
        gap: 20px;
        border-bottom: none;
        padding-bottom: 1rem;
        margin-top: 2rem;
    }

    .email,
    .whats-app,
    .phone {
        gap: 10px;
    }

    .copyright-section {
        margin-top: 1rem;
        background: #002336;
        padding: 1rem 0rem;
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
        width: 100%;
    }

    .copyright {
        order: 1;
    }

    .email {
        border-bottom: 1px solid #FFFFFF;
        width: 100%;
        padding-bottom: 20px;
    }

    .email .paragraph-1 {
        width: 20% !important;
    }

    .footer-section .paragraph-1 {
        font-size: 14px !important;
    }

    .faq-content {
        margin-top: 2rem;
        width: 90% !important;
    }

    .custom-container {
        width: 90% !important;
    }

    /* Button */
    .footer-section button,
    .download-brochure {
        height: 50px;
    }

    .custom-container button {
        height: 42px;
    }

    .custom-container button {
        margin-top: 0rem !important;
        width: 100% !important;
    }

}

@media (min-width: 560px) and (max-width: 1000px) {
    .email .paragraph-1 {
        width: 20% !important;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .custom-card {
        height: 500px;
    }

    .paragraph-1 {
        width: 100%;
    }

    .faq-content {
        width: 90%;
    }

    .custom-container {
        width: 90% !important;
    }
}

@media (min-width: 576px) and (max-width: 1200px) {
    .recognition-image .list-unstyled {
        padding: 15px 20px 20px 20px;
    }

    .recognition-image .list-unstyled li img {
        width: 65px;
    }
}



.form-mobile {
    display: none !important;
}

/* Banner */

@media (max-width: 720px) {
    .three-card-block{
        margin-top: 1rem;
    }
    .banner-tag {
        flex-direction: column;
        gap: 15px;
        justify-content: center;
        align-items: center;
    }

    .banner-tag img {
        width: 52px;
        height: 52px;
    }

    .left-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 100% !important;
        margin-top: 65px;

    }

    .banner-tag-heading {
        width: 100%;
        font-size: 33px;
        text-align: left;
        line-height: 45px;
        margin-bottom: 1rem;
    }

    .banner-tag-text {
        text-align: center;
    }

    .banner-tag-subheading {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    .form-mobile {
        display: block !important;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 20px 0px;
    }

    .form-mobile .right-content {
        border-radius: 0px !important;
        max-width: 100% !important;
        height: auto;
    }

    .banner-overlay .right-content {
        display: none !important;
    }

    #row-1 .imag-slider-class,
    #row-2 .imag-slider-class,
    #row-3 .imag-slider-class {
        align-items: center;
        width: 100px !important;
    }
}

@media (min-width: 1020px) and (max-width: 1200px) {
    .three-card-block{
        margin-top: 1.6rem;
    } 
}

@media (min-width: 721px) and (max-width: 1020px) {
    .custome-heading {
        font-size: 31px !important;
    }
    .three-card-block{
        margin-top:1rem;
    }
    .banner-overlay .container {
        width: 90% !important;
    }
    .banner-section{
        height: auto;
    }
    .banner-overlay{
        height: auto;
        padding: 6rem 2rem 4rem 2rem;
    }
    .left-content{
        /* margin-left: -4%; */
        margin-top: 2rem;
    }
    .banner-tag-heading {
        width: 100%;
        font-size: 35px;
        line-height: 40px;
    }

    .right-content {
        position: absolute;
        right: 20px;
        max-width: 320px;
        /* max-width: 400px; */
        padding-right: 2rem;
        height: auto;
    }
    .spotlight-writing{
        line-height: 25px;
    }

    .custom-input {
        padding: 9px 12px;
    } 
}

#row-1 .swiper-slide,
#row-2 .swiper-slide,
#row-3 .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: auto;
}

.brands_slider {
    width: 100%;
    overflow: hidden;
}


@media (min-width: 992px) {
    .swiper-slide {
        width: 130px;
        height: auto;
    }

}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .image-div {
        width: 18rem !important;
    }

}
.image-container {
    width: 84%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .edge-section {
        margin-left: 0% !important;
        margin-right: 0% !important;

    }

    .msu-edge {
        border-radius: 0px !important;

    }

    .image-container {
        width: 90%;
    }

    .wise-block {
        margin-bottom: 1rem !important;
    }
}

.image-wrapper {
    margin-top: 2%;
}

.image-wrapper img {
    max-width: 100%;
    display: block;
}

.important-word {
    color: #FC9D00;
}

/* Modal container */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Modal content */
.modal-content {
    position: relative;
    background: white;
    padding: 20px;
    width: 90%;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Close button */
.close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.125);
    padding: 10px 0 10px 0;
}

.large-btn {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 700;
    background-color: #fc9d00 !important;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .large-btn {
        height: 45px;
        width: 250px;
    }
}

@media (min-width: 1400px) {
    .banner-tag-heading {
        font-size: 41px;
        font-weight: 700;
        text-align: left;
        color: #ffffff;
        width: 588px;
        line-height: 48px;
        margin-bottom: 0.8rem;
    }
}

.partner-card-list div {
    /* padding-top:20px;
padding-bottom:20px; */
}


.card-custome-color-1,
.card-custome-color-2,
.card-custome-color-3 {
    gap: 0px;
    border-radius: 16px;
}

.card-custome-color-1 .card-body,
.card-custome-color-2 .card-body,
.card-custome-color-3 .card-body {
    display: flex;
}

.card-custome-color-1 .card-body img,
.card-custome-color-2 .card-body img,
.card-custome-color-3 .card-body img {
    padding: 20px;
    border-radius: 6px;
}

.card-custome-color-1 .card-body .card-text,
.card-custome-color-2 .card-body .card-text,
.card-custome-color-3 .card-body .card-text {
    margin-left: 20px !important;
    font-size: 700;

}

.card-custome-color-1 .card-body img {
    background-color: #0091E3;
}

.card-custome-color-2 .card-body img {
    background-color: #FC9D00;
}

.card-custome-color-3 .card-body img {
    background-color: #009FA9;
}

.card-custome-color-1 {
    background-color: #E6F4FD;
}

.card-custome-color-2 {
    background-color: #FFF6E6;
}


.card-custome-color-3 {
    background-color: #E6F6F7;
}

@media (max-width: 1377px) {
    .center-img {
        display: none;
    }
}

.admission-process div img {
    width: 150px;
    height: auto;

}

.admission-process div {
    align-items: center;
    justify-content: center;
    display: flex;
}

.btn-warning {
    color: #FFB111 !important;
}


.msu-edge {
    background-color: #FFF6E6;
    border-radius: 16px;

}

.edge-list-para div {
    display: flex !important;
}
.edge-list-para {
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.edge-list-para div .pointer-icon-class {
    line-height: 27px;
}

.edge-list-para div .pointer-icon-class-text {
    margin-left: 10px;
}

.edge-section {
    overflow-x: hidden;
    margin-left: 10%;
    margin-right: 10%;

}

.edge-image img {
    border-radius: 26px;
}

.custom-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom-card-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

/* Play Button */
.custom-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 6px 40px 10px #0B7EAE24;
}

.custom-card-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

/* Play Button */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: white;
    background-color: #2eafe2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-button {
    font-size: 3rem;
}

.play-button img {
    width: 20px;
    height: auto;
    /* fill:white; */
    margin-left: 5px;
}

.play-button:hover {
    background-color: rgba(0, 0, 0, 0.7);
}



@media screen and (min-width:1021px)and (max-width: 1200px) {
    .banner-section {
        height: 700px !important;
    }

    .banner-overlay {
        height: 700px !important;
        /* Adjust as needed */

    }

}

/* for our program section  */
/* Default button styling */
.our-programs .btn-outline-primary,
.our-programs .btn-primary {
    font-size: 1rem;
    /* Default font size */
    padding: 10px 20px;
    /* Default padding */
}

/* Larger buttons for desktop screens */
@media (min-width: 768px) {

    .our-programs .btn-outline-primary,
    .our-programs .btn-primary {
        font-size: 1.25rem;
        /* Increase font size */
        padding: 10px 10px;
        /* Increase padding */
    }
}

@media (max-width: 767px) {

    .our-programs .btn-outline-primary,
    .our-programs .btn-primary {
        font-size: 1rem;
        /* Increase font size */
        padding: 10px 10px;
        /* Increase padding */
    }
}

/* Default state for .btn-outline-primary */
.our-programs .btn-outline-primary {
    border-color: #005580 !important;
    /* Outline color */
    color: #005580 !important;
    /* Text color */
    background-color: #fff !important;
    /* Background color */
}

/* Hover state for .btn-outline-primary */
.our-programs .btn-outline-primary:hover {
    background-color: #005580 !important;
    /* On hover background */
    color: #fff !important;
    /* On hover text color */
}

/* Active state for .btn-outline-primary */
.our-programs .btn-outline-primary.active,
.our-programs .btn-outline-primary:active {
    background-color: #005580 !important;
    /* Active background color */
    color: #fff !important;
    /* Active text color */
    border-color: #005580 !important;
    /* Active border color */
}



.program-card .label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ff9800;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    height: auto;
}

.program-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 420px;
}

.program-card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    margin-bottom: -10px !important;
}

/* Ensure the list is displayed in a single row and is scrollable */
nav .program-ul {
    display: flex;
    /* Flexbox for horizontal layout */
    overflow-x: auto;
    /* Enable horizontal scrolling */
    white-space: nowrap;
    /* Prevent wrapping of list items */
    list-style: none;
    /* Remove bullet points */
    padding: 0;
    /* Remove padding */
    margin: 0;
    /* Remove margin */
    scrollbar-width: none;
    /* Custom scrollbar for modern browsers */
    flex-wrap: nowrap;
    /* flex-direction: row-reverse; */
}

.program-list {
    display: flex !important;
    overflow-x: auto;
    list-style: none;
    padding: 10px;
    margin: 0;
    scrollbar-width: none;
    flex-wrap: nowrap !important;
}

/* Custom scrollbar styling for WebKit browsers */
.program-ul::-webkit-scrollbar {
    height: 5px;
    /* Height of the scrollbar */
}

.program-ul::-webkit-scrollbar-thumb {
    background: #005580;
    /* Color of the scrollbar */
    border-radius: 5px;
    /* Rounded scrollbar */
}

.program-ul li {
    margin-right: 15px;
    /* Spacing between list items */
}

.program-ul .nav-link {
    padding: 10px 15px;
    /* Add padding for clickable area */
    border-radius: 20px;
    /* Rounded button style */
    text-align: center;
    background-color: #f8f9fa;
    /* Light background */
    color: #005580;
    /* Text color */
    white-space: nowrap;
    /* Prevent text wrapping */
    transition: all 0.3s ease;
    /* Smooth hover effect */
}

.program-ul .nav-link:hover {
    background-color: #005580;
    /* Change background on hover */
    color: #fff;
    /* Change text color on hover */
}

.program-ul .nav-link.active {
    background-color: #005580;
    /* Active background color */
    color: #fff;
    /* Active text color */
}

/* Style the Swiper next/prev buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #005580;
    /* Set the button color */
    width: 20px;
    /* Set the button width */
    height: 20px;
    /* Set the button height */
    transform: scale(0.8);
    /* Scale the icons for a smaller size */
}

/* Optionally, adjust the hover effect for better visibility */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #003d66;
    /* Darker shade on hover for better visibility */
}

/* Adjust the position of the navigation buttons (optional) */
.swiper-button-next {
    right: 10px;
    /* Position the next button closer to the swiper */
}

.swiper-button-prev {
    left: 10px;
    /* Position the previous button closer to the swiper */
}

.program-style {
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;

}
@media (min-width: 1200px) {
    .program-card{
        height: 400px;
    }
}


.duration-style {
    display: flex;
    align-items: start;
    justify-content: left;
}

.duration-style img {
    margin-top: 2px;
    margin-right: 10px;
}

.duration-style p {
    font-family: "Poppins";
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;

}

/* instraucton css  */


.instructions-section {
    background-color: #f0f8ff;
    /* Light blue background */
    padding: 2rem;
}

.instructions-title {
    color: #0070c0;
    /* Blue color for title */
    font-weight: bold;
}

.instruction-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.instruction-item .icon {
    background-color: #005580;
    /* Icon background */
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.5rem;
    padding: 20px;
}

.instruction-item .icon img {
    width: 20px;
    height: 20px;
}

.instruction-item p {
    margin: 0;
}

.instruction-image img {
    max-width: 100%;
    border-radius: 0.5rem;
}

/* life at msu  */
.life-section {
    padding: 2rem 0;
}

.life-title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}

.life-image {
    overflow: hidden;
}

.life-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.row.g-4>div {
    height: 390px;
}

@media (max-width: 576px) {
    .row.g-4>div {
        height: 250px;
    }
}


.scroll-right ,.scroll-left  ,.scroll-start,.scroll-end {
    position: absolute;

    transform: translateY(-50%);
    background-color: #0070c0;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.scroll-right{
    right: 2%;
    margin-top: -48px;
}
.scroll-left{
    left: 2%;
    margin-top: 20px;
}
.scroll-start{
    margin-top: 20px;
    right: 50%;
}
.scroll-end{
    margin-top: 20px;
   left: 50%;
}
#scroll-right.disabled,.scroll-start.disabled ,
#scroll-left.disabled , .scroll-end.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* .scroll-right:focus {
outline: none;
} */

.scroll-right i {
    font-size: 20px;
}


/* industry collaboration  */
.industry-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  }

  .industry-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .industry-card-title {
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 1rem !important;
    font-size: 1rem !important;
    font-weight: 400;
    color: #005580;
    text-align: center;
    box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.1);
    margin-left: 10px !important;
    margin-right: 10px !important;
    font-family: 'Poppins';
    /* line-height: 24px; */

  }

  .card-below-1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #E04C96 ; /* Pink bottom border */
  }
  .card-below-2:after{
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #007787; /* Pink bottom border */

  }
  .card-below-3:after{
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #FF5E00; /* Pink bottom border */

  }
  .card-below-4:after{
  content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #72C9F0; /* Pink bottom border */

  }
.industry-section{
    background: linear-gradient(246.82deg, #FFCE00 0%, #FFB111 99.21%);


}
.table-section {
    background: #F0F8FF;
    border-radius: 16px;
    position: relative;
    display: flex;
}

.table-section-one {
    /* width: 25%; */
}

.table-section-two {
    /* width: 35%; */
}

.table-section-three {
    background: #00304B;
    border: 4px solid #FFFFFF;
    border-radius: 16px;
}

.table-section-one tr th {
    padding: 40px 0px;
}

.table-section-two tr th,
.table-section-three tr th {
    padding: 28px 0px 28px 30px;
}

.table-section-one tr,
.table-section-two tr {
    border-right: 1px solid #DDE7F1;
}

.table-section-one tr td {
    padding: 40px 30px;
    border-top: 1px solid #DDE7F1;
}

.table-section-two tr td,
.table-section-three tr td {
    padding: 10px 40px 33px 0px;
    border-top: 1px solid #DDE7F1;
}

.table-heading {
    font-family: 'Gilroy-Medium';
    font-size: 20px;
    font-weight: 600;
    line-height: 19px;
}

.table-section-one .table-heading,
.table-section-two .table-heading {
    color: #00304B;
}

.table-section-three .table-heading {
    color: white;
}

.table-subheading {
    font-family: 'Gilroy-SemiBold';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #5D7B8C;
}

.table-section-three .table-subheading {
    color: #FFFFFF99;
}

.table-content {
    gap: 20px;
    padding-left: 20px;
}

.table-section-three tr th {
    font-family: 'Gilroy-Bold';
    font-size: 24px;
    font-weight: 600;
    line-height: 37px;
    color: #FFFFFF;
}

.table-section-two tr th {
    font-size: 22px;
    font-family: 'Gilroy-Bold';
}
a {
    text-decoration: none !important;
}

  
  .bi::before,
  [class^="bi-"]::before,
  [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .bi-arrow-right::before { content: "\f138"; }


  .bi-arrow-left::before { content: "\f12f"; }



/* Mobile (up to 425px) */
@media (max-width: 425px) {
  .get-25-percent img {
    width: auto;
    height: 80px;
  }
  .banner-outlook-img img{
    width: auto;
    height: 30px;

  }
}

/* Tablet (426px to 768px) */
@media (min-width: 426px) and (max-width: 768px) {
  .get-25-percent img {
     width: auto;
    height: 70px;
  }
  .banner-outlook-img img{
    width: auto;
    height: 40px;

  }
}

/* Desktop (769px and above) */
@media (min-width: 769px) {
  .get-25-percent img {
    width: auto;
    height: 150px;
  }
  .banner-outlook-img img{
    width: auto;
    height: 50px;

  }
}